<link rel="stylesheet" href="header.scss">
<div class="topbar">
  <div class="wrapper clearfix">
    <div class="pull-left login">
      <span class="hidden-xs">【上海城市精神：海纳百川 追求卓越 开明睿智 大气谦和】</span>
    </div>
    <div class="pull-right topnav hidden-xs">
      <a href="#"><i class="iconfont icon-arrow-right"></i><span>网上预约</span></a>
      <a href="query-detail.html"><i class="iconfont icon-arrow-right"></i><span>进度查询</span></a>
      <a href="#"><i class="iconfont icon-arrow-right"></i><span>在线咨询</span></a>
    </div>
  </div>
</div>
<div class="header wrapper clearfix">
  <a href="index.html" class="pull-left logo" title="综合法律服务网">综合法律服务网</a>
  <div class="search pull-right hidden-xs">
    <form action="" class="search-group clearfix">
      <div class="input-icon">
        <span class="iconfont icon-search"></span>
        <input type="search" placeholder="请输入您想查询的关键字" class="form-control">
      </div>
      <button class="search-btn button blue">搜索</button>
    </form>
    <dl class="keyword hidden-xs">
      <dt>热搜：</dt>
      <dd>
        <a href="#">自由贸易试验区</a>
        <a href="#">司法行政</a>
        <a href="#">法律援助</a>
      </dd>
    </dl>
  </div>
</div>
<div class="nav hidden-xs">
  <div class="wrapper clearfix">
    <ul class="nav-desktop">
      <li><a href="index.html" class="active"><i class="iconfont icon-home-i"></i>网站首页</a></li>
      <li><a href="hall.html"><i class="iconfont icon-work"></i>办事大厅</a></li>
      <li><a href="openness.html"><i class="iconfont icon-file"></i>信息公示</a></li>
      <li><a href="interaction.html"><i class="iconfont icon-chat"></i>法律咨询</a></li>
      <li><a href="service.html"><i class="iconfont icon-guide"></i>服务导航</a></li>
      <li><a href="news.html"><i class="iconfont icon-article"></i>普法宣传</a></li>
    </ul>
  </div>
</div>